<template>
    <div class="historyCourseList">
        <Top></Top>
        <el-breadcrumb separator="/" class="pt-3 px-3">
            <el-breadcrumb-item :to="{ path: '/' }"><span class="el-icon-s-home"></span> 首页</el-breadcrumb-item>
            <el-breadcrumb-item>我的已结束课程</el-breadcrumb-item>
        </el-breadcrumb>
        <div class="p-3 position-absolute left right bottom" style="top: 88px;">
            <el-card shadow="never" :body-style="{ padding: '0px'}" class="h-100">
                <el-table :data="tableData" class="w-100 h-100">
                    
                    <el-table-column prop="name" label="课程名称" width="180">
                    </el-table-column>
                    <el-table-column prop="address" label="课程类型" width="80">
                    </el-table-column>
                    <el-table-column prop="address" label="课程描述">
                    </el-table-column>
                    <el-table-column prop="address" label="参与班级" width="180">
                    </el-table-column> 
                    <el-table-column prop="date" label="上课时间" width="180">
                    </el-table-column>
                    <el-table-column prop="address" label="助教" width="100">
                    </el-table-column>
                    <el-table-column prop="date" label="创建日期" width="120">
                    </el-table-column>
                    <el-table-column prop="address" label="状态" width="60">
                    </el-table-column>


                </el-table>
            </el-card> 
        </div>
    </div>
</template>
<script>
    import Top from 'components/top.vue'
    export default {
        name: "HistoryCourseList",
        components: {
            Top
        },
        data() {
            return {

            }
        }
    }
</script>
<style>

</style>